<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta http-equiv="Cache-Control" content="no-store" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<link href="<c:url value="/widgets/jquery-ui-1.11.0/jquery-ui.min.css"/>" type="text/css" rel="stylesheet">
	<link href="<c:url value="/widgets/jquery-ui-1.11.0/jquery-ui.theme.min.css"/>" type="text/css" rel="stylesheet">
<%-- 	<link href="<c:url value="/widgets/bootstrap.min.css"/>" type="text/css" rel="stylesheet"> --%>
	<link href="<c:url value="/styles/style.css"/>" type="text/css" rel="stylesheet">	
	<link href="<c:url value="/styles/common/iconlib.css"/>" type="text/css" rel="stylesheet">
	<link href="<c:url value="/styles/common/menutree.css"/>" type="text/css" rel="stylesheet">
	
	<base href="<%=basePath%>">
	<script type="text/javascript">
		var ctx = "${ctx}/";
	</script>
	<rapid:block name="head"/>

	<style type="text/css">
		userName {
			font-size: 13px;
		}
	</style>
</head>
<body>
<!-- start of header  -->
<div id="header">
	<div class="logout">
		<c:choose>
			 <c:when test="${empty login.userName }"> 
			 	<a href="login.jsp">登陆</a>
			 </c:when> 
			 <c:otherwise>欢迎，<a href="javascript:;" id="username" class="userName">${login.name}&nbsp;<i class="icon-caret-down"></i></a>&nbsp;&nbsp;|
        			<span id="clock"></span>
        			<ul id="setting" class="dropdown-content">
        				<li><a href="${ctx}/adminuser/personalcenter?adminName=${login.userName}&adminId=${login.userId}"><i class="icon-envelope"></i>&nbsp;&nbsp;个人中心</a>
						</li>
            			<li>
            				<a id="changePsdLink" href="javascript:void(0);" onclick="$('#changePsdBlock').modal('toggle');"><i class="icon-cog"></i>&nbsp;&nbsp;修改密码</a>
            			</li>
            			<li>
            				<a href="${ctx}/account/logout"><i class="icon-reply"></i>&nbsp;&nbsp;退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出</a>
            			</li>
        			</ul>
			 </c:otherwise> 
		</c:choose>
    </div>
    <div class="content">
        <ul class="nav-header">
			<li class="nowlib-nav"> 
            	<a href="javascript:;" class="nobg">
					<i class="icon-file-alt icon-large"></i>&nbsp;&nbsp;流通管理
				</a>
				<ul class="sub-nav">
					<li class="sub-li"> <a href="usertobookborrow" class="sub-a">图书流通</a> </li>
					<!-- <li class="sub-li"> <a href="usertobookborrow" class="sub-a">用户借阅</a> </li> -->
					<li class="sub-li"><a href="usertobookreserve" class="sub-a">预约记录</a></li>
				</ul>
            </li>	     		
                
			<li class="lib-nav"> 
            	<a href="javascript:;" class="nobg">
                	<i class="icon-inbox icon-large"></i>&nbsp;&nbsp;资产管理
                </a>
				<ul class="sub-nav">
					<li class="sub-li"> <a href="book" class="sub-a">图书信息</a> </li>
					<li class="sub-li"> <a href="periodical" class="sub-a">期刊信息</a> </li>
					<li class="sub-li"><a href="category" class="sub-a">资源分类管理</a></li>
					<li class="sub-li"><a href="shelf" class="sub-a">书架信息</a></li>
				</ul>
            </li>
            
            <li class="lib-nav"> 
            	<a href="javascript:;" class="nobg">
                	<i class="icon-inbox icon-large"></i>&nbsp;&nbsp;用户管理
                </a>
				<ul class="sub-nav">
					<li class="sub-li"> <a href="adminuser" class="sub-a">管理员管理</a> </li>
					<li class="sub-li"> <a href="user" class="sub-a">读者管理</a> </li>
					<li class="sub-li"><a href="role" class="sub-a">角色管理</a></li>
					<li class="sub-li"><a href="authority" class="sub-a">权限管理</a></li>
				</ul>
            </li>
            
            <li class="lib-nav"> 
            	<a href="javascript:;" class="nobg">
                	<i class="icon-inbox icon-large"></i>&nbsp;&nbsp;消息管理
                </a>
				<ul class="sub-nav">
					<li class="sub-li"> <a href="recommendation" class="sub-a">荐购</a> </li>
					<li class="sub-li"> <a href="message" class="sub-a">新书通知</a> </li>
					<li class="sub-li"><a href="message" class="sub-a">用户留言</a></li>
				</ul>
            </li>
            
            <li class="lib-nav"> 
            	<a href="javascript:;" class="nobg">
                	<i class="icon-inbox icon-large"></i>&nbsp;&nbsp;统计报表
                </a>
            </li>
            
            <li class="lib-nav"> 
            	<a href="javascript:;" class="nobg">
                	<i class="icon-inbox icon-large"></i>&nbsp;&nbsp;系统设置
                </a>
				<ul class="sub-nav">
					<li class="sub-li"> <a href="book" class="sub-a">基本设置</a> </li>
					<li class="sub-li"> <a href="periodical" class="sub-a">系统备份</a> </li>
				</ul>
            </li>
        </ul>
    </div>
</div>
<!-- end of header -->	
	
<%@ include file="/commons/messages.jsp" %>

<!-- start of main -->
<div id="main">  
    <!-- start of content -->
    <div class="content">
		<rapid:block name="content"/>
	</div>
</div>
<!-- 修改密码  -->
	<div class="modal fade" id="changePsdBlock">
  		<div class="modal-dialog">
    		<div class="modal-content">
      			<div class="modal-header">
        			<h4 class="modal-title">修改密码</h4>
      			</div>
      			<div class="modal-body">
        			<form id="changePsdForm" class="form-horizontal" role="form">
						<div id="changePsdResult" class="alert alert-danger" style="display:none;" role="alert"></div>
						<input type="hidden" name="userName" value="${login.userName}">
						<div class="form-group">
    						<label for="oldPassword" class="col-sm-2 control-label">原密码</label>
    						<input type="password" class="form-field col-3" id="oldPassword" placeholder="请输入原密码">		
    						<span class="prompt"></span>
  						</div>
  						<div class="form-group">
    						<label for="newPassword" class="col-sm-2 control-label">新密码</label>
    						<input type="password" class="form-field col-3" id="newPassword" placeholder="输入新密码  6~10位数字或字母">
    						<span class="prompt"></span>
  						</div>
  						<div class="form-group">
    						<label for="rePassword" class="col-sm-2 control-label">确认密码</label>
    						<input type="password" class="form-field col-3" id="rePassword" placeholder="请重新输入新密码">
    						<span class="prompt"></span>
  						</div>
					</form>
      			</div>
      			<div class="modal-footer">
      				<button type="button" class="btn btn-primary" onclick="comfirmChangePsd(this);">确认保存</button>
        			<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
       			</div>
    		</div><!-- /.modal-content -->
  		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
<!-- 返回顶部 -->
<div id="toolBackTop"  style="display:none;" class="gotop">
	<i class="icon icon-chevron-up"></i>
    <a href="javascript:;" title="回到顶部">
           	返回<br>顶部
    </a>
</div>
</body>

<script src="<c:url value="scripts/jquery.js"/>" type="text/javascript"></script>
<script src="<c:url value="/widgets/jquery-ui-1.11.0/jquery-ui.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="widgets/bootstrap.min.js"/>" type="text/javascript"></script>

<!-- bootstrap-switch -->
<link href="<c:url value="/widgets/bootstrap-switch.css"/>" type="text/css" rel="stylesheet">
<script type="text/javascript" src="<c:url value="/widgets/bootstrap-switch.js"/>"></script>
<!-- end -->
<script src="<c:url value="widgets/pikaday.min.js"/>" type="text/javascript"></script>
<script language="javascript" src="<c:url value="scripts/common/function.js"/>"></script>
<script language="javascript" src="<c:url value="widgets/jquery.iDialog.min.js"/>"></script>
<rapid:block name="script"/>
<script type="text/javascript">
$(document).ready(function(){
	$(".sub-nav").dropDownMenu();
	$(".subsub-nav").dropSideMenu();
});
</script>
</html>	